<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>小米logo</title>
        <style type="text/css">
            .logo{
                width: 55px;
                height: 55px;
                margin: 50px ;
            }
            .logo1{
                display: block;
                width: 55px;
                height: 55px;
                background: url("mi-logo.png") no-repeat  center #ff6700;
            }
            .logo1:hover{
                background: url("mi-home.png") no-repeat  center  #ff6700;
            }

        </style>
    </head>
    <body>
        <div class="logo">
            <a href="" title="小米官网" class="logo1">

            </a>
        </div>
    </body>
</html>